.blank-page {
  padding: 0.2rem;
  line-height: 1.5em;
  
  .card-list {
    margin: 20rpx;
    
    .card-item {
      background: #fff;
      border-radius: 16rpx;
      box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
      margin-bottom: 20rpx;
      padding: 24rpx;
      display: flex;
      flex-direction: column;
      align-items: center;

      .swipe-wrapper{
        height: 96rpx;
        width: 100%;
        margin: 0;
        padding: 0;

        .top-content {
          width: 100%;
          display: flex;
          align-items: center;
          
            .item-image {
              width: 64rpx;
              height: 64rpx;
              border-radius: 50%;  // 改为圆形
            }

            .image-wrapper {
              width: 94rpx;        // 原图64rpx + 10rpx
              height: 94rpx;
              border-radius: 50%;
              background: #f0f0f0;
              display: flex;
              justify-content: center;
              align-items: center;
              margin-right: 20rpx; // 保持原有间距
            }

            .item-texts {
              flex: 1;
              display: flex;
              flex-direction: column;
              
              .item-title {
                font-size: 28rpx;
                color: #333;
                margin-bottom: 2rpx;
                font-weight: bold;
              }
              
              .item-desc {
                font-size: 24rpx;
                color: #666;
              }
            }

            .item-date {
              font-size: 22rpx;
              color: #999;
              min-width: 140rpx;
              text-align: right;
              margin-left: 20rpx;
              margin-right: 180rpx;
            }
            
        }

      }
      .expand-area {
        // 保持原有展开区域样式不变
        width: 100%;
        padding-top: 20rpx;
        margin-top: 20rpx;
        border-top: 1rpx solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        .totp-code-view{
          background-color: #EEF2FF;
          padding: 20rpx;
          border-radius: 5rpx;
          height:72rpx;
          vertical-align: middle;
          text-align: center;
          margin-left: 20px;
        }


        .totp-code {
          font-size: 40px;    // 从40rpx增大到48rpx
          font-weight: 800;    // 加粗程度提升
          color: #5E57E7;         // 使用更深的黑色
          letter-spacing: 12rpx; // 增加字符间距
          line-height: 72rpx;
        }
        
        .countdown {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-right: 10px;
          
          
          .countdown-text {
            font-size: 24rpx;
            color: #5E57E7;
          }
        }
      }
    }
  }
}

